
<template>
	<view class="new-users">
		<view class="head">
			<view class="user-card">
				<view class="bg"></view>
				<view class="user-info">
					<image class="avatar" :src="userInfo.avatar" v-if="(userInfo.avatar && userInfo.avatar != '/static/f.png')" @click="goEdit()"></image>
					<image v-else class="avatar" src="/static/images/f.png" @click="goEdit()"></image>
					<view class="info">
						<!-- #ifdef APP-PLUS -->
						<view class="name" v-if="!userInfo.uid" @click="APPtoLogin()">
							登录/注册
						</view>
						<!-- #endif -->
						<!-- #ifdef MP -->
						<view class="name" v-if="!userInfo.uid" @tap="openAuto">
							请点击授权
						</view>
						<!-- #endif -->
						<view class="name" v-if="userInfo.uid">
							{{userInfo.nickname}}
							<view class="vip" v-if="userInfo.vip">
								<image :src="userInfo.vip_icon" alt="">
								<view style="margin-left: 10rpx;" class="vip-txt">{{userInfo.vip_name}}</view>
							</view>
						</view>
						<view class="num" v-if="userInfo.phone" @click="goEdit()">
							<view class="num-txt">ID：{{userInfo.uid}}</view>
							<view class="icon">
								<image src="/static/images/edit.png" mode=""></image>
							</view>
						</view>
						<view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">绑定手机号</view>
					</view>
				</view>
				
				<view class="right-btn">
					<view class="iconfont icon-shezhi" @click="goEdit()" v-if="userInfo.phone"></view>
					<navigator class="btn" url="/pages/chat/customer_list/index?type=0" hover-class="none">
						<view class="iconfont icon-xiaoxi"></view>
						<text class="iconnum" v-if="userInfo.total_unread">{{userInfo.total_unread}}</text>
					</navigator>
				</view>
			</view>
		</view>
		<view class="wrapper">
			<view class="user-menus" style="margin-top: 20rpx;">
				<view class="title">我的服务</view>
				<view class="menu-box" >
						<view class="item"  >
							<navigator url="" class="item-count" hover-class="none">
								<image src="/static/images/order5.png"></image>
								<text>餐饮订单</text>
							</navigator>
						</view>
						<view class="item"  >
							<navigator url="" class="item-count" hover-class="none">
								<image src="/static/images/order5.png"></image>
								<text>酒店订单</text>
							</navigator>
						</view>
						<view class="item" >
							<navigator url="/pages/2_development/user/activity_order_list" class="item-count" hover-class="none">
								<image src="/static/images/order5.png"></image>
								<text>活动订单</text>
							</navigator>
						</view>
						<view class="item" >
							<navigator url="/pages/2_development/user/show_order_list" class="item-count" hover-class="none">
								<image src="/static/images/order5.png"></image>
								<text>演出订单</text>
							</navigator>
						</view>
						<view class="item" >
							<navigator url="/pages/users/order_list/index" class="item-count" hover-class="none">
								<image src="/static/images/order5.png"></image>
								<text>商城订单</text>
							</navigator>
						</view>
						
				</view>
			</view>
			<view class="order-wrapper">
				<view class="order-hd flex">
					<view class="left">我参与的活动</view>
					<navigator class="right flex" hover-class="none" url="/pages/2_development/user/join_activity_list" open-type="navigate">
						
						<text class="iconfont icon-xiangyou"></text>
					</navigator>
				</view>
				<view class="order-hd flex">
					<view class="left">我的收藏</view>
					<navigator class="right flex" hover-class="none" url="/pages/2_development/user/like_activity_list" open-type="navigate">
						<text class="iconfont icon-xiangyou"></text>
					</navigator>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
@import '../../user/index.scss';

.new-users {
	.user-menus{
		border-radius: 12rpx;
		.item {
			width: 33.33%;
		}
	}
}
.order-wrapper{
	margin-top: 30rpx;
	.order-hd{
		border-bottom: 1px solid DDDDDD;
		&:last-child{
			border-bottom: none;
		}
	}
}
</style>
